<!DOCTYPE html>
<html lang="en">
<head>
	<title>Axes | Shortcodes</title>

	<meta charset="utf-8">

	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Lato:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
	
 	<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="css/lightbox.min.css" media="all"/>   
	<link rel="stylesheet" type="text/css" href="css/stroke-gap-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pe-icon-7-stroke.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/elegant-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen" />
	
	<link rel="shortcut icon" href="upload/favicon.ico" type="image/x-icon">
	<link rel="icon" href="upload/favicon.ico" type="image/x-icon">

</head>

<body>
	<!-- Preloader -->
	<div id="preloader">
	    <div id="status">&nbsp;</div>
	</div>

	<header>
	<!-- Navbar -->
	    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	    	<nav class="navigation">
		      	<div class="container">
			        <div class="navbar-header">
			        	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
				            <span class="sr-only">Toggle navigation</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
			        	</button>	        	 
						<!-- Logo -->
						<div class="logo">
				        	<a href="index.html">
				        		<img class="small-logo" src="upload/logo-dark.png" alt="logo">
				          	</a>
			        	</div>         
			        </div> <!-- end navbar-header -->

			        <div class="collapse navbar-collapse" id="navbar-collapse">
			          
			        	<ul class="nav navbar-nav navbar-right">

				          	<li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Home</a>
				                <ul class="dropdown-menu sub-menu">
				                	<li><a href="index.html">Multi-Page Demo</a></li>
				                	<li><a href="home-onepage.html">Onepage Demo</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Portfolio</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="portfolio-4-col.html">4 Columns</a></li>
				                	<li><a href="portfolio-3-col.html">3 Columns</a></li>
				                	<li><a href="portfolio-2-col.html">2 Columns</a></li>
				                	<li><a href="portfolio-single.html">Single Project</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown active">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Features</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="shortcodes.html">Shortcodes</a></li>
				                	<li><a href="typography.html">Typography</a></li>
				                	<li><a href="pricing.html">Pricing Tables</a></li>
				          	    </ul>
				            </li>
				            
				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Blog</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="blog-standard.html">Standard</a></li>
				                	<li><a href="blog-masonry.html">Masonry</a></li>
				                	<li><a href="blog-single.html">Single Post</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown active">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="services.html">Services</a></li>
				                	<li><a href="about-us.html">About Us</a></li>
				                	<li><a href="contact.html">Contact</a></li>
				                	<li><a href="404.html">404</a></li>
				          	    </ul>
				            </li>

				            <li>
				            	<div id="search">
				            		<i class="pe-7s-search search-trigger"></i>
				            	</div>
				            	<div class="search-bar">
					            	<div class="search-wrap">
										<form role="form">
										    <div class="form-group">
											    <input type="search" class="form-control searchbox" placeholder="Search">
									    	</div>
									    	<button type="submit" class="search-button"><i class="pe-7s-search"></i></button>
									    </form>
								    </div>
								</div>
				            </li>
				            <li><div id="cart"><a href="#" id="cart-trigger"><i class="pe-7s-shopbag"></i><span>5</span></a></div></li>		
			        	</ul> <!-- end menu -->
			        </div> <!-- end collapse -->    
	      		</div> <!-- end container -->
	      	</nav> <!-- end navigation -->
	    </nav> <!-- End Navbar -->
	</header>

	<div class="main-wrapper">

	<!-- Page Title -->
		<section id="page-title">
			<div class="container clearfix">
				<h1>Shortcodes</h1>
				<ol class="breadcrumb">
					<li>
						<a href="index.html">Home</a>
					</li>
					<li>
						<a href="#">Pages</a>
					</li>
					<li class="active">
						Shortcodes
					</li>
				</ol> <!-- end breadcrumbs -->
			</div> <!-- end container -->
		</section> <!-- end page title -->

	<!-- Accordions & Tabs -->
		<section class="section-wrap" id="accordions-tabs">
			<div class="container">
				<h2 class="text-center">Accodions &amp; Tabs</h2>

				<div class="row mt50">
					<div class="col-md-6">

                        <div class="accordion">
                            <div class="acc-panel">
                                <a href="">Super Flexible</a>
                            </div>
                            <div class="panel-content">
								<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power.
								</p>
                            </div>
                            <div class="acc-panel">
                                <a href="">Awesome Theme</a>
                            </div>
                            <div class="panel-content">
                                <p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power.
								</p>
                            </div>
                            <div class="acc-panel">
                                <a href="">Retina Ready</a>
                            </div>
                            <div class="panel-content">
                                <p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power.
								</p>
                            </div>
                        </div> <!-- end accordion -->
                   
					</div> <!-- end col -->

					<div class="col-md-6">
						<div class="tabs">

                            <ul class="nav nav-tabs">
                                
                                <li class="active">
                                    <a href="#tab-one" data-toggle="tab">Clean</a>
                                </li>
                                
                                <li>
                                    <a href="#tab-two" data-toggle="tab">Modern</a>
                                </li>
                                
                                <li>
                                    <a href="#tab-three" data-toggle="tab">Elegant</a>
                                </li>
                                
                            </ul> <!-- end tabs -->

							
                            <!-- tab content -->
                            <div class="tab-content">
                                
                                <div class="tab-pane fade in active" id="tab-one">
                                	<p>
                                    We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power and complexity that it literally staggers the imagination.And finally the subconscious is the mechanism through which thought impulses which are repeated regularly with feeling and emotion are quickened, charged. Our subconscious mind contains such power and complexity that it literally staggers the imagination.And finally the subconscious is the mechanism through which thought impulses.
                                    </p>
                                </div>
                                
                                <div class="tab-pane fade" id="tab-two">
                                	<p>
                                    In order to understand how the conscious and subconscious minds work together as a team to create your reality, let me again use an analogy. Your subconscious mind is like fertile soil which accepts any seed you plant within it. Your habitual thoughts and beliefs are the seeds which are being constantly sown within, and they produce in your life what is planted just as surely as corn kernels produce corn.
                                    </p>
								</div>
                                
                                <div class="tab-pane fade" id="tab-three">
                                	<p>
                                    But unfortunately for most of us our role as gardener has never been explained to us. And in misunderstanding our role, we have allowed seeds of all types, both good and bad, to enter our inner garden. This then is the cause of all that is happening in our life. If you wish to understand why fortune or misfortune is happening to you in any area of your life, you need only look within.
                                    </p>
								</div>
                                
                            </div> <!-- end tab content -->
						</div>
					</div> <!-- end col -->
	
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end accordions & tabs -->


	<!-- Buttons -->
		<section class="buttons-section">
			<div class="container">			
				<h2 class="text-center">Buttons</h2>

				<div class="row mt20">

					<div class="col-md-3"> <!-- blue buttons -->
						<a href="#" class="btn btn-large btn-rounded btn-blue">Large Button</a>
						<a href="#" class="btn btn-medium btn-rounded btn-blue">Medium Button</a>
						<a href="#" class="btn btn-small btn-rounded btn-blue">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- stroke buttons -->
						<a href="#" class="btn btn-large btn-rounded btn-stroke">Large Button</a>
						<a href="#" class="btn btn-medium btn-rounded btn-stroke">Medium Button</a>
						<a href="#" class="btn btn-small btn-rounded btn-stroke">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- orange buttons -->
						<a href="#" class="btn btn-large btn-rounded btn-orange">Large Button</a>
						<a href="#" class="btn btn-medium btn-rounded btn-orange">Medium Button</a>
						<a href="#" class="btn btn-small btn-rounded btn-orange">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- violet buttons -->
						<a href="#" class="btn btn-large btn-rounded btn-violet">Large Button</a>
						<a href="#" class="btn btn-medium btn-rounded btn-violet">Medium Button</a>
						<a href="#" class="btn btn-small btn-rounded btn-violet">Small Button</a>
					</div> <!-- end col -->

				</div> <!-- end row -->

				<div class="row">

					<div class="col-md-3"> <!-- yellow buttons -->
						<a href="#" class="btn btn-large btn-rounded btn-yellow">Large Button</a>
						<a href="#" class="btn btn-medium btn-rounded btn-yellow">Medium Button</a>
						<a href="#" class="btn btn-small btn-rounded btn-yellow">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- green buttons -->
						<a href="#" class="btn btn-large btn-rounded btn-green">Large Button</a>
						<a href="#" class="btn btn-medium btn-rounded btn-green">Medium Button</a>
						<a href="#" class="btn btn-small btn-rounded btn-green">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- light blue buttons -->
						<a href="#" class="btn btn-large btn-rounded btn-light-blue">Large Button</a>
						<a href="#" class="btn btn-medium btn-rounded btn-light-blue">Medium Button</a>
						<a href="#" class="btn btn-small btn-rounded btn-light-blue">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- pink buttons -->
						<a href="#" class="btn btn-large btn-rounded btn-pink">Large Button</a>
						<a href="#" class="btn btn-medium btn-rounded btn-pink">Medium Button</a>
						<a href="#" class="btn btn-small btn-rounded btn-pink">Small Button</a>
					</div> <!-- end col -->

				</div> <!-- end row -->
				
				<!-- square buttons -->
				<div class="row"> 

					<div class="col-md-3"> <!-- blue buttons -->
						<a href="#" class="btn btn-large btn-blue">Large Button</a>
						<a href="#" class="btn btn-medium btn-blue">Medium Button</a>
						<a href="#" class="btn btn-small btn-blue">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- stroke buttons -->
						<a href="#" class="btn btn-large btn-stroke">Large Button</a>
						<a href="#" class="btn btn-medium btn-stroke">Medium Button</a>
						<a href="#" class="btn btn-small btn-stroke">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- orange buttons -->
						<a href="#" class="btn btn-large btn-orange">Large Button</a>
						<a href="#" class="btn btn-medium btn-orange">Medium Button</a>
						<a href="#" class="btn btn-small btn-orange">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- violet buttons -->
						<a href="#" class="btn btn-large btn-violet">Large Button</a>
						<a href="#" class="btn btn-medium btn-violet">Medium Button</a>
						<a href="#" class="btn btn-small btn-violet">Small Button</a>
					</div> <!-- end col -->

				</div> <!-- end row -->

				<div class="row">

					<div class="col-md-3"> <!-- yellow buttons -->
						<a href="#" class="btn btn-large btn-yellow">Large Button</a>
						<a href="#" class="btn btn-medium btn-yellow">Medium Button</a>
						<a href="#" class="btn btn-small btn-yellow">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- green buttons -->
						<a href="#" class="btn btn-large btn-green">Large Button</a>
						<a href="#" class="btn btn-medium btn-green">Medium Button</a>
						<a href="#" class="btn btn-small btn-green">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- light blue buttons -->
						<a href="#" class="btn btn-large btn-light-blue">Large Button</a>
						<a href="#" class="btn btn-medium btn-light-blue">Medium Button</a>
						<a href="#" class="btn btn-small btn-light-blue">Small Button</a>
					</div> <!-- end col -->

					<div class="col-md-3"> <!-- pink buttons -->
						<a href="#" class="btn btn-large btn-pink">Large Button</a>
						<a href="#" class="btn btn-medium btn-pink">Medium Button</a>
						<a href="#" class="btn btn-small btn-pink">Small Button</a>
					</div> <!-- end col -->

				</div> <!-- end row -->

			</div> <!-- end container -->
		</section> <!-- end buttons -->


	<!-- Pie Charts -->
		<section class="pie-charts">
			<div class="container">			
				<h2 class="text-center">Pie Charts</h2>

				<div class="row mt50">

					<div class="col-md-3 text-center">
						<div class="chart" data-percent="86" data-bar-color="#1dcfd1">
							<span class="percent">86%</span>
						</div>
						<h4 class="text-center mt20">Marketing</h4>
					</div> <!-- end pie chart -->

					<div class="col-md-3 text-center">
						<div class="chart" data-percent="91" data-bar-color="#ffc63e">
							<span class="percent">91%</span>
							<h4 class="text-center mt20">Development</h4>
						</div>
					</div> <!-- end pie chart -->

					<div class="col-md-3 text-center">
						<div class="chart" data-percent="76" data-bar-color="#7248f5">
							<span class="percent">76%</span>
							<h4 class="text-center mt20">Design</h4>
						</div>
					</div> <!-- end pie chart -->

					<div class="col-md-3 text-center">
						<div class="chart" data-percent="98" data-bar-color="#f05135">
							<span class="percent">98%</span>
							<h4 class="text-center mt20">WordPress</h4>
						</div>
					</div> <!-- end pie chart -->


				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end pie charts -->

	<!-- Progress Bars -->
		<section class="progress-bars">
			<div class="container">
				<h2 class="text-center">Progress Bars</h2>
		
				<div class="row">
					<div class="col-sm-6"> <!-- progress style-1 -->
						<div class="skills-progress light-gradient">
							<h6>Awesomeness <span>85%</span></h6>
							<div class="progress-gradient meter gradient">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar" role="progressbar">
					          		<span class="sr-only">85% Complete</span>
					        	</div>
					        </div>

					        <h6>Flexibility <span>65%</span></h6>
							<div class="progress-gradient meter gradient">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="65" class="progress-bar" role="progressbar">
					          		<span class="sr-only">65% Complete</span>
					        	</div>
					        </div>

					        <h6>SEO <span>93%</span></h6>
							<div class="progress-gradient meter gradient">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="93" class="progress-bar" role="progressbar">
					          		<span class="sr-only">93% Complete</span>
					        	</div>
					        </div>

					        <h6>Marketing <span>90%</span></h6>
							<div class="progress-gradient meter gradient" id="animated-skills">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" class="progress-bar" role="progressbar">
					          		<span class="sr-only">90% Complete</span>
					        	</div>
					        </div>
						</div> <!-- end skills-->
					</div> <!-- end col -->

					<div class="col-sm-6"> <!-- progress style-2 -->
						<div class="skills-progress light">
							<h6>Awesomeness <span>85%</span></h6>
							<div class="progress-light meter orange">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar" role="progressbar">
					          		<span class="sr-only">85% Complete</span>
					        	</div>
					        </div>

					        <h6>Flexibility <span>65%</span></h6>
							<div class="progress-light meter yellow">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="65" class="progress-bar" role="progressbar">
					          		<span class="sr-only">65% Complete</span>
					        	</div>
					        </div>

					        <h6>SEO <span>93%</span></h6>
							<div class="progress-light meter violet">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="93" class="progress-bar" role="progressbar">
					          		<span class="sr-only">93% Complete</span>
					        	</div>
					        </div>

					        <h6>Marketing <span>90%</span></h6>
							<div class="progress-light meter blue">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" class="progress-bar" role="progressbar">
					          		<span class="sr-only">90% Complete</span>
					        	</div>
					        </div>
						</div> <!-- end skills-->
					</div> <!-- end col -->

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end progress bars -->


	<!-- Alert Boxes -->
		<section class="alert-boxes">
			<div class="container">
				<h2 class="text-center">Alert Boxes</h2>

				<div class="row mt50">
					<div class="col-md-6">

						<div class="alert alert-success fade in alert-dismissible" role="alert">
							<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<strong>Success!</strong> This is succesful message box.
						</div>

						<div class="alert alert-info fade in alert-dismissible" role="alert">
							<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<strong>Information!</strong> This is info message box.
						</div>
					</div> <!-- end col -->

					<div class="col-md-6">							

						<div class="alert alert-warning fade in alert-dismissible" role="alert">
							<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<strong>Notice box!</strong> This is notice message box.
						</div>

						<div class="alert alert-danger fade in alert-dismissible" role="alert">
							<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<strong>Error!</strong> This is error message box.
						</div>

					</div> <!-- end col -->

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end alert boxes -->


	<!-- Icon Boxes Style-1 -->
		<section class="icon-boxes style-1">
			<div class="container">
				<h2 class="text-center">Icon Boxes Style-1</h2>

				<div class="row mt50">
					<div class="col-sm-4">
						<div class="service-item icon-effect-1 icon-blue icon-effect-1a">
							<a href="#">
								<i class="hi-icon icon icon-Pen"></i>
							</a>
							<h5 class="text-center">Creative Design</h5>
							<div class="main-border blue"></div>
							<p class="text-center">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind.</p>							
						</div>						
					</div> <!-- end service item -->

					<div class="col-sm-4">
						<div class="service-item icon-effect-1 icon-violet icon-effect-1a">							
							<a href="#">
								<i class="hi-icon icon icon-FullScreen"></i>
							</a>
							<h5 class="text-center">Fully Responsive </h5>
							<div class="main-border violet"></div>
							<p class="text-center">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind.</p>							
						</div>						
					</div> <!-- end service item -->

					<div class="col-sm-4">
						<div class="service-item icon-effect-1 icon-orange icon-effect-1a last">							
							<a href="#">
								<i class="hi-icon icon icon-Settings"></i>
							</a>
							<h5 class="text-center">Easy to Customize</h5>
							<div class="main-border orange"></div>
							<p class="text-center">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind.</p>							
						</div>						
					</div><!-- end service item -->
				</div> <!-- end row -->

			</div> <!-- end container -->
		</section> <!-- end icon boxes style-1 -->


	<!-- Icon Boxes Style-2 -->
		<section class="icon-boxes style-2">
			<div class="container">
				<h2 class="text-center">Icon Boxes Style-2</h2>

				<div class="row mt50">
					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.1s">
						<div class="service-item-box first">
							<a href="#">
								<i class="icon icon-ShoppingCart"></i>
							</a>
							<h3>Ecommerce Ready</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
						<div class="service-item-box second">
							<a href="#">
								<i class="icon icon-Timer"></i>
							</a>
							<h3>2 Minutes to Install</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.3s">
						<div class="service-item-box third">
							<a href="#">
								<i class="icon icon-Search"></i>
							</a>
							<h3>SEO Optimized</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.4s">
						<div class="service-item-box fourth">
							<a href="#">
								<i class="icon icon-Blog"></i>
							</a>
							<h3>Drag &amp; Drop Builder</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->
					
				</div> <!-- end row -->

			</div> <!-- end container -->
		</section> <!-- end icon boxes style-2 -->


	<!-- Icon Boxes Style-3 -->
		<section class="section-wrap icon-boxes style-3">
			<div class="container">
				<h2 class="text-center">Icon Boxes Style-3</h2>

				<div class="row mt50">
					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.1s">
						<div class="service-item-box first">
							<a href="#">
								<i class="icon icon-ShoppingCart"></i>
							</a>
							<h3>Ecommerce Ready</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
						<div class="service-item-box second">
							<a href="#">
								<i class="icon icon-Timer"></i>
							</a>
							<h3>2 Minutes to Install</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.3s">
						<div class="service-item-box third">
							<a href="#">
								<i class="icon icon-Search"></i>
							</a>
							<h3>SEO Optimized</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.4s">
						<div class="service-item-box fourth">
							<a href="#">
								<i class="icon icon-Blog"></i>
							</a>
							<h3>Drag &amp; Drop Builder</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->
					
				</div> <!-- end row -->

			</div> <!-- end container -->
		</section> <!-- end icon boxes style-3 -->


	<!-- Core Features -->
		<section class="section-wrap core-features">
			<div class="container">			
				<div class="row mt-38">

					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Tools"></i>
							</div>
							<h5>Easy to Customize</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->

					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Timer"></i>
							</div>
							<h5>2 Minutes Install</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->
					
					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Notes"></i>
							</div>
							<h5>Well Documented</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->
					
				</div> <!-- end row -->

				<div class="row">

					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Search"></i>
							</div>
							<h5>SEO Optimized</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->

					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Layers"></i>
							</div>
							<h5>Parallax Sections</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->
					
					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Drop"></i>
							</div>
							<h5>Unlimited Colors</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->
					
				</div> <!-- end row -->

			</div> <!-- end container -->
		</section> <!-- end core features -->

	<!-- Call to Action -->
		<section class="call-to-action style-2">
			<div class="container">
				<div class="row">

					<div class="col-sm-8">		
						<h2>Are you Ready to Enjoy? This is Call to Action</h2>
					</div><!-- end col -->
					
					<div class="col-sm-4">
						<a href="#" id="cta-button-solid" class="btn btn-large btn-rounded btn-light-solid">Buy Now</a>
					</div> <!-- end col -->

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end call to action -->
		
	<!-- Footer -->
		<footer id="footer">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">
						<div class="col-md-3">
							<div class="footer-about-us">
								<h5 class="heading-white">About Us</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.</p>
								<div class="social-icons">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a href="#"><i class="fa fa-twitter"></i></a>
									<a href="#"><i class="fa fa-google-plus"></i></a>
									<a href="#"><i class="fa fa-linkedin"></i></a>
									<a href="#"><i class="fa fa-pinterest-p"></i></a>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</div>
							</div>
						</div> <!-- end about us -->

						<div class="col-md-3">
							<h5 class="heading-white">Stay in Touch</h5>
							<div class="office-1">
								<p>New York office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
							<div class="office-2">
								<p>Melbourne office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
						</div> <!-- end stay in touch -->

						<div class="col-md-3">
							<h5 class="heading-white">Latest Posts</h5>
							<div class="footer-posts">
								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Axes is a simple and flexible</a>
									</h6>
									<span>11 Apr, 2015 / <a href="blog-single.html">10 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">This is perfect solution for you</a>
									</h6>
									<span>08 Apr, 2015 / <a href="blog-single.html">03 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Clean and flexible theme</a>
									</h6>
									<span>05 Apr, 2015 / <a href="blog-single.html">05 comments</a></span>
								</div> <!-- end entry -->
							</div> <!-- end footer posts -->
						</div> <!-- end latest posts -->

						<div class="col-md-3">
							<h5 class="heading-white">Recent Works</h5>
							<ul class="recent-works">
								<li>
									<a href="#">
										<img src="upload/recent_works_img_1.jpg" alt="img1">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_2.jpg" alt="img2">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_3.jpg" alt="img3">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_4.jpg" alt="img4">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_5.jpg" alt="img5">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_6.jpg" alt="img6">
									</a>
								</li>
							</ul>
						</div> <!-- end recent works -->
					</div> <!-- end row -->
				</div> <!-- end footer widgets -->			
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 text-center">
							<div class="copyright">
								©2015 Axes Theme  |  Designed by <a href="http://deothemes.com/">DeoThemes</a>
							</div>
						</div> <!-- end col -->
					</div> <!-- end row -->
				</div> <!-- end container -->
			</div> <!-- end bottom footer -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->
	

	<!-- jQuery Scripts -->
	<script src="js/jquery.min.js"></script>
 	<script type="text/javascript" src="js/lightbox.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="js/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/jquery.countTo.js"></script>
	<script type="text/javascript" src="js/jquery.appear.js"></script>
	<script type="text/javascript" src="js/plugins-scroll.js"></script>
	<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/wow.min.js"></script>

	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

	<!-- Custom Theme JavaScript -->
    <script src="js/scripts.js"></script>

	<!-- Revolution Slider -->
	<script type="text/javascript">
				jQuery(document).ready(function() {
					   jQuery('.tp-banner').revolution(
						{
							delay:9000,
							startwidth:1170,
							startheight:680,
							hideThumbs:10,

							navigationType:"bullet",							
							navigationStyle:"preview1",

							hideArrowsOnMobile:"on",
							
							touchenabled:"on",
							onHoverStop:"on",
							spinner:"spinner4"
						});
				});
	</script>

</body>
</html>